<template>
    <div class="_swiper">
        <mt-swipe :show-indicators="false" style="height: 200px;">
            <mt-swipe-item v-for="image in  item&&item.props&&item.props.images" class="swiper-item">
                <div class="imageContainer" style="width: 100%;height: 200px;">
                    <img :src="image" alt="">
                </div>
            </mt-swipe-item>
        </mt-swipe>
    </div>

</template>
<script>

    import {createProp} from "../util/util";

    export default {
        props: {
            item: createProp([Object])
        },
        data() {
            return {
                form: {
                    images: []
                },

            }
        },
        mounted() {

        },
    }
</script>
<style lang="scss" scoped>
    .swiper-item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 200px;

        .imageContainer {
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                max-width: 100%;
                max-height: 100%;
            }
        }


    }
</style>
